<template>
  <div class="custMan">
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>客户授信</el-breadcrumb-item>
      </el-breadcrumb>
    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
      <el-tab-pane label="Buyer" name="Buyer">
        <Buyer></Buyer>
      </el-tab-pane>
      <el-tab-pane label="Seller" name="Seller">
        <Seller></Seller>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import Buyer from '@/components/customercredit/buyer'
import Seller from '@/components/customercredit/seller'
export default {
  components: {
    Buyer, Seller
  },
  data: () => ({
    activeName: 'Buyer',
  }),
  methods: {
    handleClick(tab, event) {
        // console.log(tab);
    }
  },
}
</script>

<style lang="sass">
.custMan
  width: 100%
  padding: 20px
  box-sizing: border-box
.el-tabs__header
  margin: 0
</style>
